/**
*@Author 周贞荣
*@Modify 周贞荣
*@Date 2022/3/24 11:02
*@Description 文件功能描述
*/
<template>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item>1</van-swipe-item>
        <van-swipe-item>2</van-swipe-item>
        <van-swipe-item>3</van-swipe-item>
        <van-swipe-item>4</van-swipe-item>
    </van-swipe>
    <van-grid :column-num="3">
        <van-grid-item icon-color="#f00000" icon="balance-list-o" text="鲜花"/>
        <van-grid-item icon-color="#07c160" icon="todo-list-o" text="永生花"/>
        <van-grid-item icon-color="#1989fa" icon="gift-card-o" text="蛋糕"/>
        <van-grid-item icon-color="#f00000" icon="flower-o" text="礼品"/>
        <van-grid-item v-for="item in 15" :key="item" icon-color="#f00000" icon="flower-o" text="巧克力"/>
    </van-grid>
    <div class="paddingB30"></div>
</template>

<script lang="ts" setup>
    import {getCurrentInstance, watch} from "vue";
    // 获取父级属性
    const props = defineProps({
        active: {type: Number, default: 0}
    });
    const {proxy} = getCurrentInstance();
    watch(() => props.active, (newVal, oldVal) => {
        console.log(newVal + ":===" + oldVal)
    });
</script>

<style scoped>

</style>